<%@ page language="java" pageEncoding="utf-8"%>
<%@ include file="/common/taglibs.jsp" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
		<meta http-equiv="cache-control" content="no-cache,no-store" />
		<title>全国新农村建设产业化办公室,全国新农村建设产业化办公室官方网站</title>
		<link rel="stylesheet" type="text/css"
			href="<%=request.getContextPath()%>/css/styles.css" />
	    <link rel="stylesheet" type="text/css" href="<%=request.getContextPath()%>/css/menu.css" media="screen" />
	    <link rel="stylesheet" type="text/css" href="<%=request.getContextPath()%>/css/register.css" media="screen" />
		 
		<script type="text/javascript"
			src="<%=request.getContextPath()%>/js/jquery-1.4.min.js"></script>
        <script src="<%=request.getContextPath()%>/js/jquery.validate.min.js" type="text/javascript"></script>
		<script type="text/javascript" src="<%=request.getContextPath()%>/js/inc/jquery.metadata.js"></script>
		<script type="text/javascript" src="<%=request.getContextPath()%>/js/inc/jquery.hoverIntent.js"></script>
		<script type="text/javascript" src="<%=request.getContextPath()%>/js/inc/mbMenu.js"></script>
		

		<script type="text/javascript">
		  $(function(){
		    $(".myMenu").buildMenu(
		    {
		      template:"<%=request.getContextPath()%>/common/menuVoices.html",
		      additionalData:"pippo=1",
		      menuWidth:200,
		      openOnRight:false,
		      menuSelector: ".menuContainer",
		      iconPath:"<%=request.getContextPath()%>/images/ico/",
		      hasImages:true,
		      fadeInTime:100,
		      fadeOutTime:300,
		      adjustLeft:2,
		      minZindex:"auto",
		      adjustTop:10,
		      opacity:.95,
		      shadow:false,
		      shadowColor:"#ccc",
		      hoverIntent:0,
		      openOnClick:true,
		      closeOnMouseOut:false,
		      closeAfter:1000,
		      submenuHoverIntent:200
		    });
				    
		  });
		  var validateRegExp = {
			decmal:"^([+-]?)\\d*\\.\\d+$", //浮点数
			decmal1: "^[1-9]\\d*.\\d*|0.\\d*[1-9]\\d*$", //正浮点数
			decmal2: "^-([1-9]\\d*.\\d*|0.\\d*[1-9]\\d*)$", //负浮点数
			decmal3: "^-?([1-9]\\d*.\\d*|0.\\d*[1-9]\\d*|0?.0+|0)$", //浮点数
			decmal4: "^[1-9]\\d*.\\d*|0.\\d*[1-9]\\d*|0?.0+|0$", //非负浮点数（正浮点数 + 0）
			decmal5: "^(-([1-9]\\d*.\\d*|0.\\d*[1-9]\\d*))|0?.0+|0$", //非正浮点数（负浮点数 + 0）
			intege: "^-?[1-9]\\d*$", //整数
			intege1: "^[1-9]\\d*$", //正整数
			intege2: "^-[1-9]\\d*$", //负整数
			num: "^([+-]?)\\d*\\.?\\d+$", //数字
			num1: "^[1-9]\\d*|0$", //正数（正整数 + 0）
			num2: "^-[1-9]\\d*|0$", //负数（负整数 + 0）
			ascii: "^[\\x00-\\xFF]+$", //仅ACSII字符
			chinese: "^[\\u4e00-\\u9fa5]+$", //仅中文
			color: "^[a-fA-F0-9]{6}$", //颜色
			date: "^\\d{4}(\\-|\\/|\.)\\d{1,2}\\1\\d{1,2}$", //日期
			email: "^\\w+((-\\w+)|(\\.\\w+))*\\@[A-Za-z0-9]+((\\.|-)[A-Za-z0-9]+)*\\.[A-Za-z0-9]+$", //邮件
			idcard: "^[1-9]([0-9]{14}|[0-9]{17})$", //身份证
			ip4: "^(25[0-5]|2[0-4]\\d|[0-1]\\d{2}|[1-9]?\\d)\\.(25[0-5]|2[0-4]\\d|[0-1]\\d{2}|[1-9]?\\d)\\.(25[0-5]|2[0-4]\\d|[0-1]\\d{2}|[1-9]?\\d)\\.(25[0-5]|2[0-4]\\d|[0-1]\\d{2}|[1-9]?\\d)$", //ip地址
			letter: "^[A-Za-z]+$", //字母
			letter_l: "^[a-z]+$", //小写字母
			letter_u: "^[A-Z]+$", //大写字母
			mobile: "0?(13|15)[0-9]{9}$", //手机
			notempty: "^\\S+$", //非空
			password: "^[A-Za-z0-9_-]+$", //密码
			picture: "(.*)\\.(jpg|bmp|gif|ico|pcx|jpeg|tif|png|raw|tga)$", //图片
			qq: "^[1-9]*[1-9][0-9]*$", //QQ号码
			rar: "(.*)\\.(rar|zip|7zip|tgz)$", //压缩文件
			tel: "^[0-9\-()（）]{7,18}$", //电话号码的函数(包括验证国内区号,国际区号,分机号)
			url: "^http[s]?:\\/\\/([\\w-]+\\.)+[\\w-]+([\\w-./?%&=]*)?$", //url
			username: "^[A-Za-z0-9_\\-\\u4e00-\\u9fa5]+$", //用户名
			deptname: "^[A-Za-z0-9_()（）\\-\\u4e00-\\u9fa5]+$", //单位名
			zipcode: "^\\d{6}$", //邮编
			realname:"^[A-Za-z0-9\\u4e00-\\u9fa5]+$", // 真实姓名
			companyname:"^[A-Za-z0-9_()（）\\-\\u4e00-\\u9fa5]+$",
			companyaddr:"^[A-Za-z0-9_()（）\\#\\-\\u4e00-\\u9fa5]+$",
			companysite:"^http[s]?:\\/\\/([\\w-]+\\.)+[\\w-]+([\\w-./?%&#=]*)?$"
		};
		
		  $.validator.methods.isUid = function(str) {
				return new RegExp(validateRegExp.username).test(str);
		  };
		  $.validator.methods.isPwd = function (str) {
				return new RegExp(validateRegExp.password).test(str);
		  }
		  $(document).ready(function() {
			// validate signup form on keyup and submit
			var validator = $("#theForm").validate({
			    errorClass:"error",
				rules: {
					loginName: {
						required: true,
						isUid:true,
						rangelength: [4,20],
						remote: {
							url:"${ctx}/new/isValidLoginName",
							type:"post",
							data:{
							   loginName:function(){
							      return $("#loginName").val();
							   }
							}
						}
					},
					loginPassword: {
						required: true,
						isPwd:true,
						rangelength: [6,16]
					},
					confirmLoginPassword: {
						required: true,
						rangelength: [6,16],
						equalTo: "#loginPassword"
					},
					email: {
						required: true,
						email: true,
						remote: {
							url:"${ctx}/new/isValidEmail",
							type:"post",
							data:{
							   email:function(){
							      return $("#email").val();
							   }
							}
						}
					},
					authcode: {
						required: true,
						remote: {
							url:"${ctx}/new/isValidAuthCode",
							type:"post",
							data:{
							   authCode:function(){
							      return $("#authcode").val();
							   }
							}
						}
					}
				},
				messages: {
					loginName: {
						required: "请输入用户名",
						isUid:"用户名只能由中文、英文、数字及“_”、“-”组成",
						rangelength: jQuery.format("用户名长度只能在{0}-{1}位字符之间"),
						remote: jQuery.format("{0} 该用户名已被使用，请使用其它用户名注册。")
					},
					loginPassword: {
						required: "请输入密码",
						isPwd:"密码只能由英文、数字及“_”、“-”组成",
						rangelength: jQuery.format("密码长度只能在{0}-{1}位字符之间")
					},
					confirmLoginPassword: {
						required: "请再次输入密码",
						rangelength: jQuery.format("密码长度只能在{0}-{1}位字符之间"),
						equalTo: "两次输入密码不一致"
					},
					email: {
						required: "请输入邮箱",
						email: "邮箱格式不正确",
						remote: jQuery.format("{0} 该电子邮箱已被使用，请使用其它电子邮箱注册。")
					},
					authcode: {
						required: "请输入验证码",
						remote: "验证码错误"
					}
				},
				// the errorPlacement has to take the table layout into account
				errorPlacement: function(error, element) {
					if ( element.is(":radio") ){
						error.appendTo( element.parent().next().next() );
					}else if ( element.is(":checkbox") ){
						error.appendTo ( element.next() );
					}else{
					    var parentTemp = element.parent();
					    parentTemp.find("label").removeClass("succeed");
						error.appendTo( parentTemp.find("label") );
					}
					    
				},
				// specifying a submitHandler prevents the default submit, good for the demo
				//submitHandler: function() {
				//	alert("submitted!");
				//},
				// set this class to error-labels to indicate valid fields
				success: function(label) {
					// set &nbsp; as text for IE
					label.parent().html("&nbsp;").addClass("succeed");
				}
			});
		
		});
		
		
		
		
	      $(document).ready(function (){
	         $("input").focus(
	             function(){
	               $(this).addClass("highlight1");
	               $(this).removeClass("highlight2");
	               $("#"+this.id+"_error").removeClass("error");
	               if(this.id=="loginName"){
	                 $("#"+this.id+"_error").html("4-20位字符，可由中文、英文、数字及\"_\"、\"-\"组成");
	               }else if(this.id=="loginPassword"){
	                 $("#"+this.id+"_error").html("6-16位字符，可由英文、数字及\"_\"、\"-\"组成");
	               }else if(this.id=="confirmLoginPassword"){
	                 $("#"+this.id+"_error").html("请再次输入密码");
	               }else if(this.id=="email"){
	                 $("#"+this.id+"_error").html("请输入常用的邮箱，将用来验证注册、找回密码等操作");
	               }else if(this.id=="authcode"){
	                 $("#"+this.id+"_error").html("请输入图片中的字符，不区分大小写");
	               }
	             }
	           ).blur(
		           function(){
		               $(this).removeClass("highlight1");
		               $("#"+this.id+"_error").html("");
		           }
		      );
			});
			function changeImage(){
				var img = document.getElementById("JDVerification");  
	            img.src="${ctx}/authCode?t="+Math.random();   
			}
		</script>

	</head>

	<body>
	    <jsp:include page="/common/header.jsp"/>
		<div id="container">
            <div id="register">
                <div class="register-title">
                  <span>我已经注册，现在就 <a href="#">登录</a></span>
                  <h2>注册新用户</h2>
                </div>
                
	            <div class="register-form">
	               <form:form modelAttribute="member" action="${ctx}/new/register" name="theForm" id="theForm" method="post">
	                  <div class="register-form-item">
	                     <span class="label">用户名：</span>
	                     <div class="fl">
						    <input type="text" tabindex="1" class="text" name="loginName" id="loginName"/>
						    <label class="blank" id="loginName_succeed"></label>
						    <span class="clr"></span>
						    <div id="loginName_error" class="focus"></div>
					     </div>
	                  </div>
	                  
	                  <div class="register-form-item">
	                     <span class="label">设置密码：</span>
	                     <div class="fl">
						    <input type="password" tabindex="1" class="text" name="loginPassword" id="loginPassword"/>
						    <label class="blank" id="loginPassword_succeed"></label>
						    <span class="clr"></span>
						    <div id="loginPassword_error" class="focus"></div>
					     </div>
	                  </div>
	                  
	                  <div class="register-form-item">
	                     <span class="label">确认密码：</span>
	                     <div class="fl">
						    <input type="password" tabindex="1" class="text" name="confirmLoginPassword" id="confirmLoginPassword"/>
						    <label class="blank" id="confirmLoginPassword_succeed"></label>
						    <span class="clr"></span>
						    <div id="confirmLoginPassword_error" class="focus"></div>
					     </div>
	                  </div>
	                  
	                  <div class="register-form-item">
	                     <span class="label">电子邮箱：</span>
	                     <div class="fl">
						    <input type="text" tabindex="1" class="text" name="email" id="email"/>
						    <label class="blank" id="email_succeed"></label>
						    <span class="clr"></span>
						    <div id="email_error" class="focus"></div>
					     </div>
	                  </div>
	                  
	                  <div class="register-form-item">
	                     <span class="label">验证码：</span>
	                     <div class="fl">
						    <input type="text" tabindex="1" class="text text-1" name="authcode" id="authcode"/>
						    <span class="authCodeImg">
	                        <img style="cursor:pointer;width:100px;height:26px;" alt="" src="<%=request.getContextPath()%>/authCode" onclick="this.src='<%=request.getContextPath()%>/authCode?&amp;yys='+new Date().getTime()" ver_colorofnoisepoint="#888888" id="JDVerification"/>
						    </span>
						    <div class="authCodeImg">&nbsp;看不清？<a class="flk13" onclick="changeImage()" href="javascript:void(0)">换一张</a></div>
						    <label class="blank" id="authcode_succeed"></label>
						    <span class="clr"></span>
						    <div id="authcode_error" class="focus"></div>
					     </div>
	                  </div>
	                  <div class="register-form-item">
	                     <span class="label">&nbsp;</span>
	                     <input id="registsubmit" class="btn-img btn-regist" type="submit" tabindex="8" value="同意以下协议，提交"/>
	                  </div>
	                  
	               </form:form>
	               <div id="protocol-con">
						<h5>一、本站服务条款的确认和接纳</h5>
						<p>本站的各项电子服务的所有权和运作权归本站。本站提供的服务将完全按照其发布的服务条款和操作规则严格执行。用户同意所有服务条款并完成注册程序，才能成为本站的正式用户。用户确认：本协议条款是处理双方权利义务的约定，除非违反国家强制性法律，否则始终有效。在下订单的同时，您也同时承认了您拥有购买这些产品的权利能力和行为能力，并且将您对您在订单中提供的所有信息的真实性负责。</p>
						<h5>二、服务简介</h5>
						<p>本站运用自己的操作系统通过国际互联网络为用户提供网络服务。同时，用户必须：</p>
						<ul>
								<li>(1)自行配备上网的所需设备，包括个人电脑、调制解调器或其它必备上网装置。 </li>
								<li>(2)自行负担个人上网所支付的与此服务有关的电话费用、网络费用。 </li>
						</ul>
						<p>基于本站所提供的网络服务的重要性，用户应同意</p>
						<ul>
								<li>(1)提供详尽、准确的个人资料。 </li>
								<li>(2)不断更新注册资料，符合及时、详尽、准确的要求。 </li>
						</ul>
						<p>本站保证不公开用户的真实姓名、地址、电子邮箱和联系电话等用户信息， 除以下情况外：</p>
						<ul>
								<li>(1)用户授权本站透露这些信息。 </li>
								<li>(2)相应的法律及程序要求本站提供用户的个人资料。 </li>
						</ul>
						<h5>三、价格和数量</h5>
						<p>本站将尽最大努力保证您所购商品与网站上公布的价格一致。</p>
						<p>产品的价格和可获性都在本站上指明，这类信息将随时更改。</p>
						<p>您所订购的商品，如果发生缺货，您有权取消定单。</p>
						<h5>四、送货</h5>
						<p>本站将会把产品送到您所指定的送货地址。所有在本站上列出的送货时间为参考时间，参考时间的计算是根据库存状况、正常的处理过程和送货时间、送货地点的基础上估计得出的。</p>
						<p>请清楚准确地填写您的真实姓名、送货地址及联系方式。因如下情况造成订单延迟或无法配送等，本站将无法承担迟延配送的责任：</p>
						<ul>
								<li>(1)客户提供错误信息和不详细的地址；</li>
								<li>(2)货物送达无人签收，由此造成的重复配送所产生的费用及相关的后果。 </li>
								<li>(3)不可抗力，例如：自然灾害、交通戒严、突发战争等。 </li>
						</ul>
						<h5>五、服务条款的修改</h5>
						<p>本站将可能不定期的修改本用户协议的有关条款，一旦条款及服务内容产生变动，本站将会在重要页面上提示修改内容。</p>
						<h5>六、用户隐私制度</h5>
						<p>尊重用户个人隐私是本站的一项基本政策。所以，作为对以上第二条注册资料分析的补充，本站一定不会在未经合法用户授权时公开、编辑或透露其注册资料及保存在本站中的非公开内容。</p>
						<h5>七、用户的帐号，密码和安全性 </h5>
						<p>用户一旦注册成功，成为本站的合法用户，将得到一个密码和用户名。您可随时根据指示改变您的密码。用户需谨慎合理的保存、使用用户名和密码。用户若发现任何非法使用用户帐号或存在安全漏洞的情况，请立即通知本站和向公安机关报案。</p>
						<h5>八、对用户信息的存储和限制</h5>
						<p>如果用户违背了国家法律法规规定或本协议约定，本站有视具体情形中止或终止对其提供网络服务的权利。</p>
						<h5>九、用户管理 </h5>
						<p>本协议依据国家相关法律法规规章制定，用户同意严格遵守以下条款：</p>
						<ul>
								<li>(1)从中国境内向外传输技术性资料时必须符合中国有关法规。 </li>
								<li>(2) 不利用本站从事非法活动。 </li>
								<li>(3)不干扰或混乱网络服务。</li>
								<li>(4)遵守所有使用网络服务的网络协议、规定、程序和惯例。 </li>
						</ul>
						<p>用户须承诺不传输任何违法犯罪的、骚扰性的、中伤他人的、辱骂性的、恐吓性的、伤害性的、庸俗的，淫秽的、不文明的等信息资料；不传输损害国家社会公共利益和涉及国家安全的信息资料；不传输教唆他人从事本条所述行为的信息资料。</p>
						<p>未经许可而非法进入其它电脑系统是禁止的。</p>
						<p>若用户的行为不符合以上提到的服务条款，本站将作出独立判断立即取消用户服务帐号。用户需对自己在网上的行为承担法律责任。用户若在本站上散布和传播反动、色情或其它违反国家法律的信息，本站的系统记录有可能作为用户违反法律的证据。</p>
						<h5>十、通告</h5>
						<p>所有发给用户的通告都可通过重要页面的公告或电子邮件或常规的信件传送。用户协议条款的修改、服务变更、或其它重要事件的通告都会以此形式进行。</p>
						<h5>十一、网络服务内容的所有权</h5>
						<p>本站定义的网络服务内容包括：文字、软件、声音、图片、录象、图表、广告中的全部内容；电子邮件的全部内容；本站为用户提供的其它信息。所有这些内容受版权、商标、标签和其它财产所有权法律的保护。所以，用户只能在本站和广告商授权下才能使用这些内容，而不能擅自复制、再造这些内容、或创造与内容有关的派生产品。本站所有的文章版权归原文作者和本站共同所有，任何人需要转载本站的文章，必须征得原文作者和本站授权。</p>
						<h5>十二、责任限制</h5>
						<p>如因不可抗力或其它本站无法控制的原因使本站销售系统崩溃或无法正常使用导致网上交易无法完成或丢失有关的信息、记录等本站会尽可能合理地协助处理善后事宜，并尽最大努力使客户免受损失。</p>
						<h5>十三、法律管辖和适用</h5>
						<p>本协议的订立、执行和解释及争议的解决均应适用中国法律。</p>
						<p>如发生本站服务条款与中国法律相抵触时，则这些条款将完全按法律规定重新解释，而其它有效条款继续有效。</p>
						<p>如双方就本协议内容或其执行发生任何争议，双方应尽力友好协商解决；协商不成时，任何一方均可向人民法院提起诉讼。</p>
					
					</div>
	            </div>
	            
            </div>
            
            
		</div>
		<div class="clear-both"></div>
		<div id="footer">
		  <div class="footer-item">
		  版权所有 全国新农村建设产业化发展办公室
		  </div>
		  <div class="footer-item">
		  电话:010-66094639 传真：010-66094640 地址:北京市复兴门内大街国管局45号院
		  </div>
		  <div class="footer-item">
		  京ICP备06065797 网站保留所有权利，未经允许不得复制、镜像
		  </div>
		</div>
	</body>
</html>
